<template>
  <div>
<!--    <Menu mode="horizontal" :theme="theme1" active-name="1">-->
<!--      <MenuItem name="1">-->
<!--        <Icon type="ios-paper" />-->
<!--        内容管理-->
<!--      </MenuItem>-->
<!--      <MenuItem name="2">-->
<!--        <Icon type="ios-people" />-->
<!--        用户管理-->
<!--      </MenuItem>-->
<!--      <MenuItem name="3">-->
<!--        <Icon type="ios-people" />-->
<!--        统计分析-->
<!--      </MenuItem>-->
<!--      <MenuItem name="4">-->
<!--        <Icon type="ios-construct" />-->
<!--        综合设置-->
<!--      </MenuItem>-->
<!--    </Menu>-->
    <br>
<!--    <p>Change theme</p>-->
<!--    <RadioGroup v-model="theme1">-->
<!--      <Radio label="light"></Radio>-->
<!--      <Radio label="dark"></Radio>-->
<!--      <Radio label="primary"></Radio>-->
<!--    </RadioGroup>-->
  </div>
<!--  <div class="top_wrap">-->
<!--    <div class="flex-bet hei">-->
<!--      <div class="flex">-->
<!--        <img alt="logo" src="../../assets/logo.png" class="yb_logo"/>-->
<!--        <div class="fon_16 mar_l15">云贝科技</div>-->
<!--      </div>-->
<!--      <div class="flex top_right">-->
<!--        <div class="right_model r_line fon_14">牛蛙恋上鱼</div>-->
<!--        <div class="right_model r_line">-->
<!--          <el-dropdown>-->
<!--          <span class="color-green">-->
<!--          营业中<i class="el-icon-arrow-down el-icon&#45;&#45;right"></i>-->
<!--          </span>-->
<!--            <el-dropdown-menu slot="dropdown">-->
<!--              <el-dropdown-item>已打样</el-dropdown-item>-->
<!--              <el-dropdown-item>休息中</el-dropdown-item>-->
<!--            </el-dropdown-menu>-->
<!--          </el-dropdown>-->
<!--        </div>-->
<!--        <div class="right_model r_line maincolor">-->
<!--            <span class="fon_14">未连接</span>-->
<!--        </div>-->
<!--        <div class="right_model flex-y-center">-->
<!--          <img alt="logo" src="../../assets/logo.png" class="yb_logo2 mar_r15"/>-->
<!--          <el-dropdown>-->
<!--          <span class="color_f">-->
<!--          云贝科技<i class="el-icon-arrow-down el-icon&#45;&#45;right"></i>-->
<!--          </span>-->
<!--            <el-dropdown-menu slot="dropdown">-->
<!--              <el-dropdown-item>返回系统</el-dropdown-item>-->
<!--              <el-dropdown-item>退出系统</el-dropdown-item>-->
<!--            </el-dropdown-menu>-->
<!--          </el-dropdown>-->
<!--        </div>-->
<!--      </div>-->
<!--    </div>-->

<!--  </div>-->
</template>

<script>
  export default {
    name: "TopNav",
    // props: {
    //   msg: String
    // },
    data () {
      return {
        theme1: 'primary'
      }
    }
  };
</script>
<style lang="scss">
    .top_wrap {
        position: fixed;
        top: 0;
        z-index: 20;
        width: 100%;
        height: 64Px;
        /*min-width: 960Px;;*/
        background: #393836;
        text-align: right;
        padding: 0 20px;
        color: #fff;

      .yb_logo{
        width: 36px;
        height: 32px;
      }
      .top_right{
        height: 24px;
        line-height: 24px;
        .right_model{
           padding: 0 40px;
          .yb_logo2{
            width: 28px;
            height: 28px;
          }
        }
        .r_line{
          border-right: 1px solid #909399;
        }
      }
    }

</style>
